
// 表格（搜索框，表格体，换页组件）
$bgc: #ffffff;
// panle-search
.panel-search {
  text-align: left;
  background-color: $bgc;
  border-radius: 8px;
  padding: 8px 8px 0 8px;
  margin-bottom: 12px;
  
  .el-form-item {
    margin-bottom: 8px;
  }
}
// panel-table{table-head,table-pagination}
.panel-table {
  background-color: $bgc;
  border-radius: 8px;
  padding: 12px;
  .table-head{
    padding: 8px 0;
    line-height: 32px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .table-pagination {
    margin-top: 12px;
  }
}


// 公共样式
// 为空样式
.isEmpty{
  color: #cccccc;
  // font-style: italic;
}
.isHint {
  color: rgb(71, 71, 71);
}
// 链接样式
.isLink{
  color: #409eff;
  cursor: pointer;
  &:hover{
    text-decoration: underline;
  }
}

.isBigText{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

// detail page
// 详情页菜单样式
.page-menu{
  .menu-item{
    display: inline-block;
    background-color: rgb(218, 218, 218);
    padding: 8px 12px;
    border-radius: 4px;
    margin: 8px;
    transition: 0.3s;
    font-size: 14px;
    cursor: pointer;
    &:hover{
      color: rgb(41, 159, 255);
    }
    &.menu-checked{
      background-color: rgb(41, 159, 255);
      color: #ffffff;
    }
  }
}